<!DOCTYPE html>
<html>
<head>
<title>Disciplina de Programação WEB</title>
</head>
<body>

<h1> Programção WEB</h1>
<h3> Prof. Luciano Vilas Boas Espiridião </h3>

<h4> Html </h4>
<p><a href="pt.wikipedia.org/wiki/HTML">HTML</a> é um acrônimo para <i>Hiper Text Markup Language</i> (Linguagem de Marcação de Hipertexto).</p>
<p>Na aula de hoje falaremos sobre os principais elementos (TAGs) do HTML .</p>
<p>Falaremos também sobre a árvore DOM (<i>Document Object Model</i>) do HTML </p>

<hr/>
 
   <p> A imagem a seguir <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRhiI70owo2S6FGdTZgbYagPMAIG12uIONtrGA2PVh_nmAKX58tw-vQD7vN" /> 
    é renderizada pela TAG "img".
    </p>

<p>Podemos criar <i>Links</i>:  <a href="http://www.w3schools.com">Isso é um <i>link</i></a>.</p>

<h5>Podemos utilizar TAGs para criar listas enumeradas e também listas não enumeradas</h5>

<p>Abaixo uma lista enumerada</p>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ol>

<p>Abaixo uma lista nao enumerada</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>

<p>Também é possível criar tabelas com seguinte:</p>

<table style="width:40%">
<tbody><tr>
	<th>Number</th>
	<th>First Name</th>
	<th>Last Name</th>		
	<th>Points</th>
</tr>
<tr>
	<td>1</td>
	<td>Eve</td>
	<td>Jackson</td>		
	<td>94</td>
</tr>
<tr>
	<td>2</td>
	<td>John</td>
	<td>Doe</td>		
	<td>80</td>
</tr>
<tr>
	<td>3</td>
	<td>Adam</td>
	<td>Johnson</td>		
	<td>67</td>
</tr>
<tr>
	<td>4</td>
	<td>Jill</td>
	<td>Smith</td>		
	<td>50</td>
</tr>
</tbody>
</table>

<!-- Isso é um comentário em HTML. Notou que ele não aparece na renderização do navegador? -->

</body>
</html>
